<template>
    <div>
        <div class="header">
            <slot name="header" />
        </div>
        <div>
            tabbar插槽
        </div>
        <div class="footer">
            <!-- 给此插槽设置了两个自定义属性，向使用此插槽者回传数据 -->
            <slot name="footer" a="1" :info="info" />
        </div>
    </div>
</template>

<script setup>
import { ref } from 'vue'
const info = ref({ username: '李敏', age: 35 })

</script>